TURNO 6 As três telas lado a lado, com a escolha viajando entre elas

Home, página de Cores e página do Produto

Clique numa lâmina da Home e observe as outras duas telas: a cor selecionada acompanha. Depois clique num produto dentro da página de Cores — a terceira tela troca para aquele produto. É esse o vínculo, e é ele que faz o cliente nunca perder a escolha ao mudar de página.

FLUXO Home → Página de Cores → Página do Produto levando {{ selName }}
6a Home — seção de cores vitrine
KOKAR.COM.BR
CORES

Escolha a cor que te Surpreende.

{{ famCount }} famílias no catálogo Veja todas as Cores

Nada de produto aqui. A home só apresenta a cor e abre uma porta — clicar numa lâmina ou no botão leva à página de Cores com a escolha já feita.

6b Página de Cores catálogo
KOKAR.COM.BR / CORES / {{ selSlug }}
Cores › {{ famName }}

O catálogo completo.

Buscar por nome ou código

{{ selName }}

{{ selCode }} · {{ selHexLabel }} · base {{ selBase }}

Simular no ambiente
PRODUTOS COM ESTA COR {{ availLabel }} — clique para abrir

Aqui entram busca, ficha técnica e o vínculo. Clicar num cartão de produto abre a tela ao lado já com a cor escolhida.

6c Página do Produto cartela do produto
KOKAR.COM.BR / PRODUTOS / {{ prodSlug }}
PRODUTO

{{ prodLine1 }}
{{ prodLine2 }}

Tinta de alta qualidade
toque suave

{{ prodScope }}
{{ prodLine1 }}
{{ scopeNote }}

{{ pSelName }}

{{ pSelPath }}

Onde comprar

A cartela do produto. Standard mostra só neutros e cinzas; Seda Premium abre o tintométrico inteiro. As famílias que a linha não atende ficam apagadas, não somem.

A REGRA DAS TRÊS TELAS

A home apresenta e abre uma porta. A página de Cores decide a cor e mostra em que produtos ela existe. A página do Produto inverte: fixa o produto e mostra a cartela dele. Cada tela responde a uma pergunta só, e a cor escolhida viaja junto na URL — por isso o cliente pode entrar por qualquer uma das portas sem recomeçar.